<html>

<head>
  <script type="text/javascript">
    function mouseOver() {
      document.getElementById("p2").innerHTML = "点击跳转至浙江工商大学官网";
    }

    function mouseOut() {
      document.getElementById("p1").innerHTML = "";
    }

    function onClick() {
      window.location.href = "http://www.hzic.edu.cn/";
    }
  </script>
  <style type="text/css">
    img:hover {
      transform: scale(1.5);
    }
  </style>
</head>

<body style="text-align:center">
  <br>
  <p style="font-weight:bold">请将鼠标移至头像上</p>
  <br>
  <img style="cursor:pointer" src="imgs/eg_mouse.png" onmouseover="mouseOver()" onmouseout="mouseOut()" onclick="onClick()"
    id="p2" />
  <p style="cursor:pointer" id="p1"></p>
</body>

</html>